<template>
  <div class="page-container">
    <page-header title="发起立项"></page-header>

    <div class="page-card">
      <a-form>
        <a-form-item label="立项编号" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-input placeholder="请输入立项编号" value="GC2028855539299" />
        </a-form-item>

        <a-form-item label="项目名称" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-input placeholder="请输入项目名称" value="中国能源有限公司OA项目 " />
        </a-form-item>

        <a-form-item label="项目类型" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择项目类型" :defaultValue="'1'">
            <a-select-option value="1">
              产品实施类1
            </a-select-option>

            <a-select-option value="2">
              产品实施类2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="项目模板" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择项目模板" :defaultValue="'1'">
            <a-select-option value="1">
              产品实施类模版1
            </a-select-option>

            <a-select-option value="2">
              产品实施类模版2
            </a-select-option>
          </a-select>
        </a-form-item>


        <a-form-item label="项目时间" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-range-picker style="width: 100%" :placeholder="['开始时间','结束时间']">
          </a-range-picker>
        </a-form-item>

        <a-form-item label="优先级" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择优先级">
            <a-select-option value="1">
              优先
            </a-select-option>

            <a-select-option value="2">
              不优先
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="紧急程度" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择紧急程度">
            <a-select-option value="1">
              紧急
            </a-select-option>

            <a-select-option value="2">
              不紧急
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="项目负责人" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择项目负责人">
            <a-select-option value="1">
              负责人1
            </a-select-option>

            <a-select-option value="2">
              负责人2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="项目监控人" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择项目监控人">
            <a-select-option value="1">
              监控人1
            </a-select-option>

            <a-select-option value="2">
              监控人2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="项目团队" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择项目团队">
            <a-select-option value="1">
              项目团队1
            </a-select-option>

            <a-select-option value="2">
              项目团2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="相关客户" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择相关客户" mode="multiple">
            <a-select-option value="1">
              相关客户1
            </a-select-option>

            <a-select-option value="2">
              相关客户2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="关联项目" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择关联项目" mode="multiple">
            <a-select-option value="1">
              关联项目1
            </a-select-option>

            <a-select-option value="2">
              关联项目2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="材料附件" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择材料附件" mode="multiple">
            <a-select-option value="1">
              材料附件1
            </a-select-option>

            <a-select-option value="2">
              材料附件2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="报备说明" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-textarea placeholder="请输入报备说明" :rows="6" />
        </a-form-item>

        <a-form-item label="立项说明" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-textarea placeholder="请输入立项说明" :rows="6" />
        </a-form-item>

        <a-form-item :wrapper-col="{ offset: 2 }">
          <a-space align="end" style="width: 100%;">
            <a-button>
              存为草稿
            </a-button>

            <a-button type="primary">
              申请立项
            </a-button>
          </a-space>
        </a-form-item>
      </a-form>

      </a-form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'projectForm',
  data () {
    return {};
  },
  mounted () {

  },
  methods: {}
};
</script>

<style lang="scss" scoped>
</style>
